<!DOCTYPE html>
<html>
<head>
	<title>WELCOME TO CHECK IN APPLICATION</title>
	
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">		
	
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<%@ include file="/css/index-style.css" %>
	
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
	
	<script type="text/javascript">
	function admin_page(){
		$("#admin").click(function (){
			window.location = "admin.html";
			});
	}

	function visitor_check_in_page(){
		$("#visitor-check-in").click(function (){
			window.location = "visitor.html";
			});
		}
	</script>
</head>
<body class="body">

	<header class="mainheader">
		<h2>Welcome to the Building Check-in Application!</h2>
		
		<nav><ul>
			<li class="active"><a href="#">Home</a>
		</ul></nav>
	</header>
	
	<div class="maincontent">
		<div class="mainbuttons">
			<section class="adminsection">
				<header>
					<h2>Go To Admin Panel</h2>
				</header>				
				
				<button id="admin" onclick="admin_page()">Admin Panel</button>
				
				<footer>
					<p class="postinfo">Click button for the admin panel</p>
				</footer>
			</section>
				
			<section class="visitorsection">
				<header>
					<h2>Go To Visitor Check In</h2>
				</header>
				<button id="visitor-check-in" onclick="visitor_check_in_page()">Visitor Check-in</button>
				
				<footer>
					<p class="postinfo">Click button for the visitor check in</p>
				</footer>		
			</section>
		</div>		
	</div>
	
	<footer class="mainfooter">
		<p>Copyright by BUTeam</p>
	</footer>
	
</body>
</html>
